a {
  color: blue;
}
a:hover {
  color: green;
}
.button-ok {
  background-color: aqua;
}
.button-cancel {
  background-color: #d3d3d3;
}
.button-error {
  background-color: red;
}
.link + .link {
  color: red;
}
.link .link {
  color: green;
}
.link.link {
  color: blue;
}
.link,
.linkish {
  color: cyan;
}
.header .menu {
  border-radius: 5px;
}
.no-borderradius .header .menu {
  color: red;
}
p,
a,
ul,
li {
  border-top: 2px dotted #366;
}
p + p,
p + a,
p + ul,
p + li,
a + p,
a + a,
a + ul,
a + li,
ul + p,
ul + a,
ul + ul,
ul + li,
li + p,
li + a,
li + ul,
li + li {
  border-top: 0;
}
#import {
  width: 200px;
  height: 200px;
  background-color: black;
}
#import {
  width: 200px;
  height: 200px;
  background-color: red;
}
body {
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-image: url("imgs/海贼王.png");
}
.main {
  cursor: pointer;
  width: 200px;
  height: 200px;
  text-align: center;
  align-items: center;
  align-content: center;
  background-color: #42b8ca;
  color: red;
}
.main:hover {
  background-color: red;
}
.class {
  one: 1;
}
.class .brass {
  three: 1;
}
